<template>
	<!-- 购买成功弹窗 -->
	<u-popup :show="show" :round="20" mode='center'>
		<view class="popup">
			<image src="https://yzxk.oss-cn-hangzhou.aliyuncs.com/images/success.png"></image>
			<view v-if="text" class="text">{{text}}</view>
			<view v-if="tips" class="tips">{{tips}}</view>
		</view>
	</u-popup>
</template>

<script>
	export default {
		name: "",
		props: {
			show: {
				type: Boolean,
				default: false
			},
			text: {
				type: String,
				default: '操作成功'
			},
			tips: {
				type: String,
				default: ''
			}
		},
		data() {
			return {}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.popup {
		width: 448rpx;
		height: 300rpx;
		background: #FFFFFF;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		align-items: center;

		&>image {
			width: 162rpx;
			height: 160rpx;
			margin-top: 42rpx;
		}
		.text .tips{
			font-size: 32rpx;
			font-weight: bold;
			color: #434343;
			padding-top: 20rpx;
		}

	}
</style>
